@import "variable";
@import "mixin";

body {
  background: @gray-lighter;
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", simhei, sans-serif;
}

a {
  color: @gray;
  transition: background .5s, border-radius .5s, color .5s, text-shadow .5s;
  padding-left: .2em;
  padding-right: .2em;

  &:hover,
  &:focus {
    background-color: @link-background-color;
    border-radius: .4em;
    color: #fff;
    text-decoration: none;
  }
}

#main {
  padding: 70px 0 0;

  .pagination .active {
    a,
    span {
      &,
      &:hover,
      &:focus {
        border-color: @link-background-color;
        background-color: @link-background-color;
      }
    }
  }
}